<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link href="resources/css/templatemo_style.css" rel="stylesheet" type="text/css"/>
    <link href="resources/css/font.css" rel="stylesheet" type="text/css"/>
    <script src="resources/js/jquery-1.6.3.min.js" type="text/javascript"></script>
    <script src="resources/js/jquery-easing.1.2.pack.js" type="text/javascript"></script>
    <script src="resources/js/jquery-easing-compatibility.1.2.pack.js" type="text/javascript"></script>
    <script src="resources/js/coda-slider.1.1.1.pack.js" type="text/javascript"></script>
    <script src="resources/js/index.js" type="text/javascript"></script>
    <script type="text/JavaScript" src="resources/js/cloud-carousel.1.0.5.min.js"></script>
    <script type="text/JavaScript" src="resources/js/jquery.mousewheel.js"></script>

    <script type="text/javascript">
        jQuery(window).bind("load", function() {
            jQuery("div#slider1").codaSlider();
            initChromeFont();
            $("#carousel1").CloudCarousel(
                    {
                        reflHeight: 56,
                        reflGap:2,
                        titleBox: $('#da-vinci-title'),
                        altBox: $('#da-vinci-alt'),
                        buttonLeft: $('#left-but'),
                        buttonRight: $('#right-but'),
                        yRadius:40,
                        xPos: 255,
                        yPos: 50,
                        speed:0.15,
                        mouseWheel:true
                    }
            );
        });
    </script>

</head>
<body>

<div id="templatemo_site_title_bar_wrapper">
    <div id="templatemo_site_title_bar">
        <div id="site_title">
            <h1><a class="title_a" href="mailto:Lixfeng.3@gmail.com" target="_parent">
                联系
                <span>Lixfeng.3@gmail.com</span>
            </a></h1>
        </div>
        <div id="twitter"><a href="#">推荐使用Chrome访问</a></div>
    </div>
</div>


<div id="templatemo_content_wrapper">
<div id="templatemo_content">
<div class="slider-wrap">
<div id="slider1" class="csw">
<div class="panelContainer">
<div class="panel" title="首页">
    <div class="wrapper">
        <h2>欢迎访问我的网站!</h2>
        <!--<div class="image_wrapper fl_image">-->
        <!--<img src="resources/pic/templatemo_image_01.jpg" alt="image"/>-->
        <!--</div>-->
        <div id="carousel1"
             style="left:100px;width:500px; height:538px;background-image: url(/resources/pic/temp/bg.jpg);overflow:scroll;">
            <img class="cloudcarousel" src="/resources/pic/temp/test1.png" alt="Flag 1 Description"
                 title="Flag 1 Title"/>
            <img class="cloudcarousel" height="164px" width="128px" src="/resources/pic/temp/test2.png"
                 alt="Flag 2 Description"
                 title="Flag 2 Title"/>
            <img class="cloudcarousel" src="/resources/pic/temp/test3.png" alt="Flag 3 Description"
                 title="Flag 3 Title"/>
            <img class="cloudcarousel" src="/resources/pic/temp/test4.png" alt="Flag 4 Description"
                 title="Flag 4 Title"/>
            <img class="cloudcarousel" src="/resources/pic/temp/test5.png" alt="Flag 5 Description"
                 title="Flag 5 Title"/>
            <img class="cloudcarousel" src="/resources/pic/temp/test6.png" alt="Flag 6 Description"
                 title="Flag 6 Title"/>
            <img class="cloudcarousel" src="/resources/pic/temp/test7.png" alt="Flag 7 Description"
                 title="Flag 7 Title"/>
            <img class="cloudcarousel" src="/resources/pic/temp/test8.png" alt="Flag 8 Description"
                 title="Flag 8 Title"/>
            <img class="cloudcarousel" src="/resources/pic/temp/test9.png" alt="Flag 9 Description"
                 title="Flag 9 Title"/>
        </div>
        <!--<p class="em_text"> -->
        <!---->
        <!--</p>-->

        <!--<p></p>-->

        <!--<p></p>-->

    </div>
</div>
<div class="panel" title="链接">
    <div class="wrapper">

        <h2>我的一些其他网站</h2>

        <p style="font-family: xs;font-size: 24px;color: #39B2FF">这些网站都是平时无聊的时候做的，使用的是Google的GAE,国内被墙，采用绑定域名方式。</p>

        <ul class="service_list">
            <li><a href="http://books.passtime.me" title="cssk8" target="_blank">网络记帐本</a>
                我自己的一个网络记账本.
            </li>
            <li>我的一个<a href="http://fav.passtime.me" title="cssk8" target="_blank">网路收藏夹</a></li>
            <li>好吧，这个一个练手的<a href="http://blogger.passtime.me" title="cssk8" target="_blank">Blog</a>.</li>
            <li><a href="http://grid.passtime.me" title="cssk8" target="_blank">网路格子</a>，使用Flex制作的.</li>
            <li>一个苹果风格的<a href="http://photo.passtime.me" title="cssk8" target="_blank">看图程序</a></li>
            <li>使用Grails做的一个<a href="http://fday.passtime.me" title="cssk8" target="_blank">demo</a></li>
        </ul>

        <div class="cleaner_h20"></div>

    </div>
</div>
<div class="panel" title="项目">
    <div class="wrapper">

        <h2>我参与的一些项目</h2>

        <div class="portfolio_box margin_r50">

            <h2 style="color: #39B2FF">Java：</h2>

            <div class="port_img">
                <img src="resources/pic/templatemo_image_02.jpg" alt="project 1"/>
            </div>
            <div class="port_content">
                <p>Soy快速开发框架开发
                    <br/>深圳某物流公司TMS,BMS等项目
                    <br/>乐山监狱狱政管理系统
                    <br/>韩国高中数学项目CMS内容管理系统
                    <br/>Skill4U内容翻译制作项目
                    <br/>......
                </p>
                <a href="#" target="_blank">详细</a>
            </div>

            <div class="cleaner"></div>
        </div>

        <div class="portfolio_box margin_r50">

            <h2 style="color: #39B2FF">Android：</h2>

            <div class="port_img">
                <img src="resources/pic/templatemo_image_03.jpg" alt="project 2"/>
            </div>

            <div class="port_content">
                <p>Sina微博客户端
                    <br/>韩国三星EI教育系统
                    <br/>Kidsbrown项目
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                </p>
                <a href="#"
                   target="_blank">详细</a>

                <div class="cleaner"></div>
            </div>

        </div>

        <div class="portfolio_box">

            <h2 style="color: #39B2FF">iOS：</h2>

            <div class="port_img">
                <img src="resources/pic/templatemo_image_04.jpg" alt="project 3"/>
            </div>

            <div class="port_content">
                <p>Kidsbrown iPad客户端
                    <br/>韩国围棋项目(iPhone/iPad)
                    <br/>Bizvoca英语学习系统维护
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                </p>
                <a href="#" target="_blank">详细</a>
            </div>
            <div class="cleaner"></div>
        </div>
        <div class="cleaner_h10"></div>
    </div>
</div>
<div class="panel" title="简历">
    <div class="wrapper">

        <h2>关于我</h2>

        <div class="image_wrapper fl_image">
            <img src="resources/pic/templatemo_image_05.jpg" alt="image 1"/>
        </div>
        <p><br/>姓名：李小峰<br/>性别：男<br/>学历：本科<br/> 毕业日期：2006.9<br/> 毕业学校：电子科技大学 </p>

        <h2 style="color: #39B2FF">技能:
        </h2>

        <div class="image_wrapper fr_image">
            <img src="resources/pic/templatemo_image_06.jpg" alt="image 2"/>
        </div>
        <p>
             熟练使用Eclipse，Idea进行项目开发<br/>
             熟练使用iReport，和快逸报表进行项目开发<br/>
             熟练使用Java、SSH、webwork2、ibatis、FreeMarker、swing、jquery、GXT、Flex等技术<br/>
             了解常用的设计模式和java并发包<br/>
             了解过OSGi,REST, EXTJS,GOG 能在Linux上进行项目的配置与部署<br/>
             熟悉Mac平台，能使用Objective-C进行ipad/iphone项目开发<br/>
             能够阅读基本的英文文档<br/>
        </p>
    </div>
</div>
<div class="panel" title="联系">
    <div class="wrapper">

        <h2>我的联系方式</h2>

        <div id="contact_form">

            <form method="post" name="contact" action="">

                <label for="author">姓名:</label> <font color="#FFFC5A"
                                                      style="font-family: xs;font-size: 22px">李晓峰</font>

                <div class="cleaner_h10"></div>

                <label for="email1">Email:</label><font
                    color="#FFFC5A">lixfeng.3@gmail.com;xfli333@163.com</font>

                <div class="cleaner_h10"></div>

                <label for="subject">电话:</label><font color="#FFFC5A"
                                                      style="font-family: xs;font-size: 22px">13678199xxx</font>

                <div class="cleaner_h10"></div>

                <label for="text">QQ:</label> <font color="#FFFC5A"
                                                    style="font-family: xs;font-size: 22px">121878621</font>

                <div class="cleaner_h10"></div>


            </form>
        </div>

        <div class="address_info">
            <h3>联系地址</h3>
            中国 四川省 <br/>
            成都市武侯区<br/>
            610000
        </div>

        <div class="cleaner_h20"></div>


    </div>
</div>

</div>
<!-- .panelContainer -->
</div>
<!-- #slider1 -->
</div>
<!-- .slider-wrap -->

<p id="cross-links" style="width:0px; height: 0px; font-size:0; overflow: hidden;">
    Same-page cross-link controls:<br/>
    <a href="#1" class="cross-link">Page 1</a> | <a href="#2" class="cross-link">Page 2</a> | <a href="#3"
                                                                                                 class="cross-link">Page
    3</a> | <a href="#4" class="cross-link">Page 4</a> | <a href="#5" class="cross-link">Page 5</a>
</p>

<!-- end of slider -->
</div>
<!-- end of templatemo_content -->
</div>
<!-- end of templatemo_content_wrapper -->

<div id="templatemo_footer_wrapper">

    <div id="templatemo_footer">
        &nbsp;&nbsp;Copyright ©2000-2011 <a href="#">Lee</a>

        <div class="cleaner_h10"></div>
        <!--Designed by <a href="http://sc.chinaz.com" target="_parent">cssk8</a>-->
    </div>
    <!-- end of templatemo_footer -->
</div>
<!-- end of templatemo_footer_wrapper -->
</body>
</html>
